@charset "UTF-8";
@import "reset1.scss";

.QQ{
       width: 56px;
       height: 122px;
       position:fixed;
       top: 220px;
       right: 30px;
       
       >li{
           height: 61px;
           width:100%;
           box-shadow: 0 0 10px #d4d4d4;
           text-align: center;
           background: white;
           
           >a{
               
               >img{
                   margin-top:9px;
               }
               
               >p{
                   font-size: 12px;
                   color: #aaaaaa;
               }
           
            }
       }
   }



#main{
    width: 1349px;
    height: 3300px;
    margin: 0 auto;
    
    >.banner{
    width:100%;
    height: 202px;
    margin: 0 auto;
}
    
   >.content{
       width: 1000px;
       height: 100%;
       margin: 15px auto 0;
       
       
       >.left{
           width: 205px;
           height: 854px;
           float: left;
           
           >p{
               line-height: 40px;
               background: #eb413d;
               font-size: 18px;
               text-align: center;
               color: white;
           }
           
           #ab1:checked~.ul1,#ab2:checked~.ul2, #ab3:checked~.ul3,#ab4:checked~.ul4,#ab5:checked~.ul5,#ab6:checked~.ul6{
               height: 0px;
               opacity: 1;
           }
           
           #ab1:checked +label .iconfont,#ab2:checked +label .iconfont,#ab3:checked +label .iconfont,#ab4:checked +label .iconfont,#ab5:checked +label .iconfont,#ab6:checked +label .iconfont{
                  transform: rotateZ(-180deg);
           
           }
           
           
           >input{
               display: none;
           }
           
           >label{
               display:block;
               line-height: 40px;
               font-size: 13px;
               background: #eaeaea;
               padding-left: 20px;
               cursor:pointer;
               
                >.iconfont{
                    display: inline-block;
                    transition: all 0.5s;
                    font-size: 13px;
                }
           }
           
          
           
           
           >ul>li>a:hover{
                   color: #eb413d;
               }
           
           >.ul1{
               border: 1px solid #EAEAEA;
               line-height: 30px;
               height: 30px;
               font-size: 13px;
               padding-left: 20px;
               transition:all 0.5s;
               overflow: hidden;
            
           }
           
           >.ul2,.ul3,.ul4,.ul6{
               border: 1px solid #EAEAEA;
               line-height: 30px;
               height: 90px;
               font-size: 13px;
               padding-left: 20px;
               transition:all 0.5s;
               overflow: hidden;
            }
            
            >.ul5{
               border: 1px solid #EAEAEA;
               line-height: 30px;
               height: 120px;
               font-size: 13px;
               padding-left: 20px;
               transition:all 0.5s;
               overflow: hidden;
            
           }   
           
       }
       
       >.right{
           width: 778px;
           height: 3000px;
           float: right;
           border: 1px solid #eaeaea;
           
           
           >p:first-child{
               font-size: 13px;
               line-height: 40px;
               background: #eaeaea;
               padding-left: 15px;
           }
           
           >p:nth-child(2){
               font-size: 24px;
               color: #444f58;
               text-align: center;
               margin: 40px 0 20px;
           }
           
           >div{
               text-align: center;
               
               >img{
                   margin-bottom: 25px;
                   
               }
               
             }   
       }
       
   }
  
    
}
